<!--注释: wxParse试验文本-->
<div style="text-align:center;margin-top:10px;">
    <img src="${app.serverPath}test/img/img0.jpg" alt="wxParse-微信小程序富文本解析组件Logo">
    <h1 style="color:red;">wxParse-微信小程序富文本解析组件</h1>
    <h2>支持Html及markdown转wxml可视化</h2>
</div>
<div style="margin-top:10px;">
    <h3 style="color: #000;">支持video</h3>
    <div style="margin-top:10px;">
        <video controls src="${app.serverPath}test/video/video0.mp4"></video>
    </div>
</div>


<div style="margin-top:10px;">
    <h3 style="color: #000;">支持的标签</h3>
    <blockquote>wxParse支持70%的html的标签</blockquote>
    <div style="margin-top:10px;">
        <span>span标签</span>
        <strong style="color: red;">strong标签</strong>
    </div>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持的标签ul/li</h3>
    <blockquote>带有内联的li</blockquote>
    <div style="margin-top:10px;">
        <ul>
            <li style="color: red;">我是li 红色</li>
            <li style="color: blue;">我是li 蓝色</li>
            <li style="color: yelloe;">我是li 黄色</li>
        </ul>
    </div>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持内联样式style</h3>
    <blockquote>wxParse可以渲染原html带有的style样式</blockquote>
    <div style="margin-top:10px;">
        <span>span标签</span>
        <strong>strong标签</strong>
    </div>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持class潜入</h3>
    <blockquote>wxParse可以注入html带有的class属性</blockquote>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持emojis小表情</h3>
    <blockquote>wxParse可以解析固定格式的小表情标签</blockquote>
    <div style="margin-top:10px;">
        <p>这里可以解析出emoji的表情[00][01][02][03][04][05][06][07][08][09]</p>
    </div>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持图片自适应</h3>
    <blockquote>wxParse可以动态计算图片大小并进行自适应适配</blockquote>
    <div style="margin-top:10px;">
        <img src="${app.serverPath}test/img/img2.jpg" alt="">
        <img src="${app.serverPath}test/img/img3.jpg" alt="">
    </div>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持图片点击预览,左右滑动预览</h3>
    <blockquote>wxParse可以讲一篇文章中的几个图片一起预览</blockquote>
    <div style="margin-top:10px;">
        你可以点击上面的图片，将会进入预览视图，同时左右滑动可以切换图片预览
    </div>
</div>

<div style="margin-top:10px;">
    <h3 style="color: #000;">支持多数据循环渲染</h3>
    <blockquote>wxParse支持特定设置下的多数据渲染，适用于在评论、多文本分别渲染等</blockquote>
    <div style="margin-top:10px; text-align:center;">
        请继续向下看，循环渲染多条html评论
    </div>
</div>
<div style="margin-top:10px;">
    <h3 style="color: #000;">支持短table标签</h3>
    <blockquote>wxParse目前对于table的支持比较有限</blockquote>
    <div style="margin-top:10px; text-align:center;">
        <table>
            <tr>
                <th>标题1</th>
                <th>标题2</th>
                <th>标题3</th>
                <th>标题4</th>
                <th>标题5</th>
            </tr>
            <tr>
                <td>cell1</td>
                <td>cell2</td>
                <td>cell3</td>
                <td>cell4</td>
                <td>cell5</td>
            </tr>
            <tr>
                <td>cell1</td>
                <td>cell2</td>
                <td>cell3</td>
                <td>cell4</td>
                <td>cell5</td>
            </tr>
        </table>
    </div>
</div>